﻿@charset "utf-8"; 
/*全局初始化样式*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei; color: #666; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*-webkit-user-select: none; 
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;*/
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;  
}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
ul,li{ list-style:none; margin: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none; border:none;}
a:focus,a:hover{ color:#666; text-decoration:none;}


.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
/*清楚浮动*/
.clearfix:after{
    display: block;
    font-size: 0;
    line-height:0;
    visibility: hidden;
    height: 0;
    clear: both;
    content: " ";  
}
/*清除浮动*/
/*全局样式*/


/*头部*/
header{ position:relative;}
header h1{ margin:0; padding-top:20px; padding-bottom:0px; line-height:1;} 
header .search{ width:161px; height:32px; border:1px solid #e3e3e3; border-radius:32px;  position:absolute; z-index:99; left:15px; top:116%; }
header .search input{ width:90px; font-size:14px; color:#999; height:20px; line-height:20px; position:absolute; left:20px; top:4px; }   
header .search a{ display:block; width:19px; height:19px; background:url(../images/search.png) no-repeat center; cursor:pointer; position:absolute; top:6px; right:19px;}


.navbar-absolute{position:absolute; left:15px; right:15px; top:40px; z-index:10000000;}
.navbar{ border:none; margin-bottom:0;}
.navbar-toggle .icon-bar{ background-color:#c3c3c3;}
.navbar-brand{ width:236px;}
.navbar-nav{ background-color:#3a7bbf; }
.navbar-nav > li > a{ font-size:16px; color:#fff; }
.nav > li > dl{ display:none;}
.navbar-nav>li:last-child>a{ background:none;}
.nav > li > a:focus, .nav > li > a:hover{ background-color:#2b71bb; background-image:none; }

/*外链  发布看看*/
.TopLink{position: absolute;top: 38px;right: 17%;}
.TopLink a{color: #696767;font-size: 14px;}
.TopLink a:nth-child(1){
display:none;
}
.TopLink em:nth-child(2){
display:none;
}
.TopLink a:hover{color: #3a7bbf;}
.TopLink em{color: #dddddd;font-style: normal;padding: 0 10px;}



/*Banner*/
.carousel-inner > .item{ background-position:center top; background-repeat:no-repeat;}
.carousel-control{ opacity:1; width:40px; height:40px; top:50%; margin-top:-20px; }
.carousel-control.left,.carousel-control.right{ background:url(../images/left.png) no-repeat center; background-size:cover;}
.carousel-control.left{ left:10px; }
.carousel-control.right{ right:10px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}


/*Pages*/
.Pages{ font-size:12px; text-align:center; padding:30px 0;}
.Pages a,.Pages em{  color:#666;  display:inline-block; *display:inline; zoom:1;}
.Pages a{margin:0px 1px; padding:2px 7px; background-color:#fff;  border:1px solid #eaeaea;}
.Pages em{ font-style:normal;}
.Pages a:hover,.Pages a.a_cur{ color:#fff; background-color:#125aac; border-color:#125aac;}


.PrevNextBox{ color:#333; border-top:1px solid #e3e3e3; line-height:28px; padding-top:10px; padding-bottom:92px; margin-top:43px;}
.PrevNextBox a{ color:#666;}
.PrevNextBox h2{ margin:0; margin-top:24px; margin-bottom:24px;}
.PrevNextBox h2 a{ font-size:14px; display:block; width:113px; height:31px; text-align:center; line-height:31px; background-color:#3a7bbf; color:#fff;}
.PrevNextBox dl a:hover{ text-decoration:underline; color:#3a7bbf;}


/*首页*/
.title{ text-align:center; background:url(../images/line.png) repeat-x left bottom; padding-top:28px; padding-bottom:19px;} 
.title dl{ display:inline-block; *display:inline; zoom:1; color:#3a7bbf; position:relative; border-bottom:1px solid #3a7bbf;}
.title dt{ font-size:24px; font-weight:bold; }
.title dd{ text-transform:uppercase;  padding:0 10px; padding-bottom:28px;}
.title2 dd{ padding-left:39px; padding-right:39px;}
.title3 dd{ padding-left:80px; padding-right:80px;}
.about-txt,.about-img{ text-align:center;}
.about-txt{ line-height:24px; padding-top:45px; padding-bottom:22px;}


.More{ text-align:center; padding-top:27px; padding-bottom:47px;}
.More a{ color:#fff; display:inline-block; *display:inline; padding:9px 55px;  background-color:#3a7bbf; border-radius:37px; }


.project-wrap{ background:#f6f8f7 url(../images/project.jpg) no-repeat center bottom;}
.xs-tab-list li{ height:56px; overflow:hidden; border-bottom:1px solid #fff;} 
.xs-tab-list li:last-child{ border-bottom:none;}
.tab-list{ padding-top:30px;}
.tab-list li a.tabA{ display:block; color:#333; text-align:center; font-size:16px; width:100%;  background-color:#d5dadf; line-height:56px; position:relative;}
.tab-list li.on a.tabA{ background-color:#3a7bbf; color:#fff;}
.tab-list li.on a.tabA:after{ content:''; width:0; height:0; border-left:12px solid transparent;border-right:12px solid transparent; border-top:13px solid #3a7bbf; position:absolute; top:55px; text-align:center; left:50%; margin-left:-12px; z-index:999;}

.tab-box{ position:relative; margin:30px 0;}
.tab-box:before{ content:''; position:absolute; left:29px; right:29px; bottom:12px; border-top:1px solid #3a7bbf;}
.tabCon{height:0; overflow:hidden; }


.project-groom .slick-slider dl{ position:relative; padding:8px 19px 53px 19px;}
.project-groom .slick-slider a{ display:block; text-align:center; padding:10px; padding-bottom:0; background-color:#fff; box-shadow:0px 0px 8px #e8e8e8; }
.project-groom .slick-slider img{ width:100%;}
.project-groom .slick-slider a h2{ font-size:16px; font-weight:normal; margin:0; line-height:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.project-groom .slick-slider a:hover{ color:#3a7bbf;}
.project-groom .slick-slider dl:before,.project-groom .slick-slider dl:after{ content:''; width:24px; height:53px; position:absolute; bottom:0; z-index:999; background:url(../images/li3.png) no-repeat center bottom;}
.project-groom .slick-slider dl:before{ left:38px;}
.project-groom .slick-slider dl:after{ right:38px;}


.news-wrap{ padding:30px 0;}
.news-wrap .pic{ text-align:center;}
.news-wrap .xs-new-box{ position:relative; padding:0 42px;}
.news-wrap .xs-new-box img{ margin:0 auto;}
.news-wrap .xs-new-box{ margin-top:60px; position:relative;}
.news-wrap .xs-new-box a{ font-size:14px; display:block;}
.news-wrap .xs-new-box a h2{ color:#333; font-size:15px; font-weight:bold;}
.news-wrap .xs-new-box a span{ color:#999;}
.news-wrap .xs-new-box a p{ line-height:24px;}
.xs-new-box dl{ padding:0 15px;}

footer{ text-align:center; background-color:#3a7bbf; padding:16px 0;}
footer .link .link-menu{ font-size:12px;}
footer .link em{ font-style:normal; margin:0 12px; font-size:10px;}
footer ,footer a,footer a:hover,footer a:focus{ color:#a3bcdc;}
footer .link .copy-right{ margin-top:10px;}
footer .link .copy-right a{ font-weight:bold; text-decoration:underline;}
footer .code-txt{ display:none;}


.silde-title{ text-align:center; background-color:#d8e6f4; padding-top:27px; padding-bottom:27px;}
.silde-title h2,.silde-title h3{ margin:0;}
.silde-title h2{ font-size:18px; font-weight:bold; color:#3a7bbf;}
.silde-title h3{ font-size:12px; color:#96b5da; text-transform:uppercase; margin-top:6px;}


.SildeBar{ background:#f5f5f5;}
.MenuList a{ display:block; color:#333; border-bottom:1px solid #dde5ec; padding:13px 0px 13px 0px; position:relative;text-align: center;}
.MenuList a:before{ content:''; position:absolute; width:18px; height:12px; right:40px; top:50%; margin-top:-6px; /*background:url(../images/li4.png) no-repeat center;*/}
.MenuList li:hover a,.MenuList li.onmenu a{ color:#3a7bbf;}
.MenuList li:hover a:before,.MenuList li.onmenu a:before{ /*background-image:url(../images/li5.png);*/}


.Current{ padding-top:34px; padding-bottom:12px; font-size:12px; text-align:right; line-height:20px; border-bottom:1px solid #e4e4e4; }
.Current h2{ font-size:16px; color:#3a7bbf; margin:0; float:left; display:inline;}
.Current a,.Current span{ color:#999;}
.Current a:nth-child(2){ padding-left:17px; background:url(../images/map.png) no-repeat left center;}


.SinglePage{ line-height:24px;}
.SinglePage p{ margin:0;}
.about-page{ padding-top:27px; padding-bottom:27px;}


.design-list{ padding-top:14px;}
.design-list li{ text-align:center; width:100%; float:left; display:inline; margin-top:12px;}
.design-list li{ text-align:center; width:100%; float:left; display:inline; margin-top:12px;}
.design-list li a{ display:block; color:#333;}
.design-list li img{ width:100%;}
.design-list li div{ border:1px solid #d8e6f4;} 
.design-list li h2{ font-size:16px; height:35px; margin-top:17px; margin-bottom:0; padding:0 10px; overflow:hidden;}

.design-listq li{ text-align:center; width:100%; float:left; display:inline; margin-top:12px;}
.design-listq li a{ display:block; color:#333;}
.design-listq li img{ width:100%;}
.design-listq li h2{ font-size:16px; height:35px; margin-top:17px; margin-bottom:0; padding:0 10px; overflow:hidden;}


.news-list{ padding-top:7px;}
.news-list li{ margin-top:20px;}
.news-list li a{ display:block;}
.news-list li .pic{ text-align:center;}
.news-list li .memos{ padding:20px 0; border-bottom:1px solid #f2f2f2;}
.news-list li a h2{ font-size:15px; font-weight:bold; margin:0;}
.news-list li a span{ display:block; color:#999; margin-top:4px;}
.news-list li a span{ display:block;color: #3c3c3c;
font-size: 12px;
line-height: 26px;margin-top:4px;}
.news-listq li h2 span{ font-size:18px; display:inline-block; color:#999; margin-top:4px; padding-left:5px;}
.news-list li a p{ margin:0; line-height:24px;}
.news-listq li .memos{ border-bottom:0;}
 .news-listq li {border-bottom:1px solid #f2f2f2; margin-top:30px; padding-bottom:25px;}
.news-listq li a h2{ font-size:18px; font-weight:100; margin:0; color:#28528d;}
.news-listq li a p.show1 {display: block;}
.news-listq li a p.hide1 {display: none;}
.news-listq li a i {display: block;width: 49px;height: 23px;float: right;cursor: pointer;}
.news-listq li a i.open {background: url("../images/open.gif");}
.news-listq li a i.closed {background: url("../images/close.gif");display: none;}

.newsd-page{ padding-top:44px;}
.new-title,.new-time{ text-align:center;}
.new-title{ font-size:16px; font-weight:bold; }
.new-time{ font-size:12px; margin-top:10px; margin-bottom:36px;}
.new-title,.new-time em{ color:#333; font-style:normal; }
.new-time span{ display:block;}


.case-page{ padding-bottom:49px;}
.case-list li{ width:100%; text-align:center; float:left; display:inline; margin-top:28px;}
.case-list li a{ display:block; color:#333;}
.case-list li a img{ max-width:100%;}
.case-list li h2{ font-size:16px; text-align:center; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0; margin-top:15px;}


.culture-list{ padding:27px 0;}
.culture-list li{ margin-bottom:10px;}
.culture-list li a{ display:block; color:#8ab1d9; position:relative; }
.culture-list li a img{ width:100%;}
.culture-list li div{ padding:4% 0; background-color:#3a7bbf; text-align:center;}
.culture-list li a h2{ color:#fff; font-size:18px; margin:0; margin-bottom:1%; font-weight:bold;}
.culture-list li span{ display:block; height:34px; overflow:hidden; font-size:12px; text-transform:uppercase; padding-top: 10px;}
.culture-list li em{ display:inline-block; font-style:normal; width:81px; height:26px; border:1px solid #8ab1d9; background:url(../images/li6.png) no-repeat center;}


.tip-list li{  border-bottom:1px dotted #e0e0e0; }
.tip-list li a{ padding-left:16px; display:block; padding-right:96px; position:relative; line-height:50px;}
.tip-list li a:before{ content:''; width:8px; height:6px; position:absolute; left:0; top:21px; z-index:2; background:url(../images/li7.png) no-repeat center;}
.tip-list li a,.tip-list li a h2{ font-size:14px;}
.tip-list li a h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0; color:#333; line-height:50px;}
.tip-list li a span{ color:#999; position:absolute; right:10px; top:0;}


.job-page{ font-size:12px;}
.JobTitle span,.JobPanel dt span{ width:25%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  text-align:center; float:left; display:inline; line-height:46px;}
.JobTitle{ background-color:#3a7bbf;}
.JobTitle span{ font-size:14px; color:#fff;}
.JobPanel dl:nth-child(2n) dt{ background-color:#e5e5e5;}
.JobPanel dt{ font-weight:normal;cursor: pointer;}
.JobPanel dd{ display:none; line-height:24px; padding:28px 5%; position:relative;}
.JobPanel dd h2{ font-size:12px; font-weight:bold; margin:0; margin-bottom:12px;}
.JobPanel dd p{ margin:0;}
.JobPanel dd a{ display:block; width:148px; height:36px; text-align:center; line-height:36px; color:#fff; background-color:#3a7bbf; margin-top:30px;}


.job-info{ max-width:300px; margin:0 auto; padding:40px 0;}
.job-info .form-control{ border-radius:0; box-shadow:none;}
.job-info label{ font-weight:normal; font-size:16px;}
.job-info .btns{ text-align:center; margin-top:30px;}
.job-info .btn{ padding:6px 26px; background:#3a7bbf; color:#fff; border-radius:0;}


.contact-page{ color:#333; }
.contact-page .SinglePage{ padding-top:13px; margin-bottom:47px;}


.to-top{ padding:25px 9px 10px 9px; width:46px; font-size:14px; color:#fff; background-color:#236ebd; border-radius:23px 23px 0 0; position:fixed; right:0; bottom:119px; z-index:10000; display:none;}
.to-top:hover,.to-top:focus{ color:#fff; text-decoration:none;}
.to-top:before{ content:''; width:10px; height:10px; border-left:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid tranaparent; border-right:1px solid tranaparent; position:absolute; left:18px; top:16px;  -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}


.link-list div{ border:1px solid #ccc;}


.fix-nav{ display:none;}
/************************** 以下是页面样式 *************************/
@media (min-width: 320px){
	.TopLink{position: absolute;top: 48px;right: 17%;}
	header .search{position: absolute;left: 75px;top: 125%;}
}
@media (min-width: 483px){
	.TopLink{position: absolute;top: 69px;right: 17%;}
}
@media (min-width: 485px){
	.TopLink{position: absolute;top: 68px;right: 17%;}
}
@media (min-width: 766px){
	.TopLink{position: absolute;top: 70px;right: 40%;}
}
@media (min-width: 768px){
	header h1{ padding-top:31px; padding-bottom:29px;}
	header .search{ right:15px; left:auto; top:33px;}
	
	.TopLink{position: absolute;top: 5px;right: 1%;}
/*.TopLink a{color: #696767;font-size: 12px;}
.TopLink a:hover{color: #3a7bbf;}
.TopLink em{color: #dddddd;font-style: normal;padding: 0 2px;}*/
	
	.navbar-absolute{ position:static;}
	.navbar{ background-color:#3a7bbf; min-height:50px;}
	.navbar-brand{ width:100%;}
	.navbar-collapse{ padding-left:0; padding-right:0;}
	.navbar-nav{ float:none;}
	.nav > li{ width:11%; text-align:center;}
	.nav > li > a{ padding:15px 0px;}
	.navbar-nav>li>a{ background:url(../images/li.jpg) no-repeat right center;}
	.navbar-nav>li.on>a{ background:none;} 
	.nav > li.onnav >a.navA{ background:#2b71bb;}
	.nav > li > a:focus{ background-color:transparent;}
	
	
	.carousel-control{ width:61px; height:61px; margin-top:-30px;}
	
	
	.title{ padding-top:53px;}
	.title dl:before,.title dl:after{ content:''; width:22px; height:41px;  position:absolute; top:6px; background:url(../images/li2.png) no-repeat center; }
	.title dl:before{ left:-21px;}
	.title dl:after{ right:-21px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
	

	.about-index .More{ padding-top:47px; padding-bottom:77px;}
    .about-txt {padding-bottom: 42px;}
	
	.project-wrap .More{ padding-top:57px; padding-bottom:65px;}
	.hidden-md{ display:none;}
	.tab-list{ padding-bottom:60px;}
	.tab-list li{ width:10%; float:left; display:inline; }
	.tab-list li a.tabA{ font-size:14px;}
	.tab-box{ margin:0; position:relative;}
	
	
	
	.news-wrap .lg-new-box{ display:none;}
	
	
	footer{ text-align:left;}
	footer .link{ float:left; display:inline; margin-top:22px;}
	footer .code{ float:right; display:inline; padding:4px; border:1px solid #8bb1d9; position:relative;}
	footer .code img{ width:82px; height:82px;}
	
	footer .code-txt{ float:right; padding-right:22px; position:relative; margin-top:21px; margin-right:14px;}
	footer .code-txt p:last-child{ margin-bottom:0;}
	footer .code-txt:before{ content:''; position:absolute; right:0; top:50%; margin-top:-8px; width:0; height:0; border-top:8px solid transparent; border-left:11px solid #fff; border-bottom:8px solid transparent;}
	

	.design-list li{ width:32%; margin-right:2%;}
	.design-list li:nth-child(3n){ margin-right:0;}
	.design-listq li:nth-child(2n){ margin-right:0;}
		.design-listq li{ width:48.23%; margin-right:3.54%; float:left; text-align:center; margin-bottom:2%;  }

	.design-listq li a{ display:block; color:#333;}
.design-listq li img{ width:100%;}
.design-listq li h2{ font-size:16px; height:35px; margin-top:17px; margin-bottom:0; padding:0 10px; overflow:hidden;}

	.Pages{ padding:68px 0;}
	.Pages a{ padding:6px 11px; margin:0 3px;} 
	
	
	.PrevNextBox{ position:relative; padding-right:113px;}
	.PrevNextBox h2{ margin:0; position:absolute; right:0; top:24px;}
	
	
	.new-time span{ display:inline;}
	.new-time span:last-child{ /*margin-left:42px;*/}
	
	
	.case-list li{ width:32%; margin-right:2%;}
	.case-list li:nth-child(3n){ margin-right:0;}
	
	
	.culture-list li{ width:49%; margin-right:2%; float:left; display:inline;}
	.culture-list li span{ line-height:1;}
	.culture-list li:nth-child(2n){ margin-right:0;}
	.culture-list li a{ padding-left:156px;}
	.culture-list li em{ display:none;}
	.culture-list li div{  text-align:left; width:156px; position:absolute; left:0; top:0; bottom:0; z-index:44; padding:21px 0 0 24px;}
	
	
	.job-page{ font-size:14px;}
	.JobTitle span{ font-size:16px;}
	.JobPanel dd{ padding:28px 9% 28px 7%; padding-right:35%; }
	.JobPanel dd h2{ font-size:15px;}
	.JobPanel dd a{ position:absolute; right:7%; top:50%; margin-top:-18px; z-index:33;}
	
	
	.map-wrap{ padding:3px; border:1px solid #e9e9e9;}
	
	
	.contact-page{ padding-bottom:185px;}
	
	
	.to-top{ bottom:124px; right:5%;}
	
	
	.fix-nav{ display:none;}
}
@media (min-width: 992px){
	.nav > li{ position:relative;}
	.nav > li > dl{ padding:5px 0; text-align:center; position:absolute; left:0; right:0; top:50px; z-index:99; background:rgba(58,123,191,0.8);}
	.nav > li > dl a{ display:block; color:#c9def4; line-height:35px; border-bottom:1px solid #89b6e5;}
	.nav > li > dl a:last-child{ border-bottom:none;}
	.nav > li:hover >a.navA{ background:#2b71bb;}
	.nav > li:hover > dl{ display:block;}
	.nav > li > dl a:hover{ color:#fff;} 
	
	.TopLink{position: absolute;top: 37px;right: 20%;}
	
	.tab-list li{ font-size:16px;}
	
	
	footer .code-txt{ display:inline;}
	
		
	.SildeBar{ width:18%; background:#f5f5f5 url(../images/side.jpg) no-repeat center bottom; padding-bottom:324px; float:left; display:inline;}
	
	
	.MainContent{ width:82%; background:#fff url(../images/line.jpg) repeat-y left top; padding-left:50px; float:left; display:inline;}
	
	
	.about-page{ padding-bottom:150px;}
	
	
	.news-list li .pic{ text-align:center; width:25%; float:left; display:inline;}
	.news-listq li .pic{ text-align:center; width:14.02%; float:left; display:inline;}
	.news-list li .pic img{ width:100%;}
	.news-list li .memos{ padding-top:0; width:72%; float:right; display:inline;}
	.news-listq li .memos{  width:83%; }
	.news-list li a h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.news-list li a p{ margin-top:0.7em;}
	
	
	.culture-list{ padding-bottom:178px;}
	.culture-list li em{ display:inline-block;}
	
	
	.fix-nav{ text-align:center; display:block; width:32px; background-color:#d5dadf; position:fixed; right:50%; top:50%; z-index:222222; border-radius:16px; padding:24px 0; margin-right:-640px; margin-top:-60px;}
	.fix-nav  li{ padding:2px 0;}
	.fix-nav a{ display:inline-block; width:12px; height:12px; border-radius:12px; background-color:#fff; position:relative; }
	.fix-nav a span{ padding-right:32px; width:104px; text-align:right; position:absolute; right:0; top:-5px; display:none; }
	.fix-nav a:hover span{ display:block;}
	.fix-nav a:hover,.fix-nav li.current a{background-color:#3a7bbf;}
	.fix-nav a:hover,.fix-nav li.current a,.fix-nav a:hover span{ color:#3a7bbf;}
}

@media (min-width: 1180px){
	.news-list li .memos{ padding-top:21px;}
}


@media (min-width: 1230px){
	.container{ width:1200px; padding-left:0; padding-right:0;}
	
	
	header .search{ right:0;}
	
	
	.nav > li{ width:auto;}
	.nav > li > a.navA{ padding-left:36px; padding-right:36px;}
	
	
	.project-groom .slick-slider{ padding:0 94px;}
	
	
	.news-wrap{ padding-bottom:68px; padding-top:50px;}
	.news-wrap .xs-new-box{ display:none;}
	.news-wrap .pic,.news-wrap .lg-new-box{ float:left; display:inline;}
	.news-wrap .pic{ width:489px;}
	.news-wrap .lg-new-box{ padding:0 25px; padding-top:31px; width:661px; height:541px; border:2px solid #3a7bbf; border-left:none; position:relative;}
	.news-wrap .lg-new-bd{ height:473px; overflow:hidden;}
	.news-wrap .lg-new-box dl{ padding-bottom:31px;}
	.news-wrap .lg-new-box dt{ float:left; display:inline;}
	.news-wrap .lg-new-box dt,.news-wrap .lg-new-box dt img{ width:195px; height:137px;}
	.news-wrap .lg-new-box dd{ padding-bottom:16px; padding-top:18px; font-size:14px; width:394px; float:right; display:inline; border-bottom:1px dotted #ccc;}
	.news-wrap .lg-new-box h2,.news-wrap .lg-new-box p{ margin:0;}
	.news-wrap .lg-new-box h2{ font-size:15px; font-weight:bold; }
	.news-wrap .lg-new-box h2 a{ color:#333;}
	.news-wrap .lg-new-box span{ color:#999; display:block; margin-top:7px;}
	.news-wrap .lg-new-box p{ height:48px; overflow:hidden; line-height:24px; margin-top:10px;}
	.news-wrap .lg-new-box .arrows{ width:32px; height:108px; position:absolute; right:-16px; top:50%; margin-top:-54px; z-index:9999;}
	
	
	.design-list li{ width:288px; margin-right:34px;}
	
	
	.news-list li a p{ margin-top:16px;}
	
	.case-list li{ width:287px; margin-right:36px; float:left; display:inline;}
	.case-list li:nth-child(3n){ margin-right:0;}
	
	
	.culture-list li{ width:462px; margin-right:10px; }
	.culture-list li:nth-child(2n){ margin-right:0;}
	
	
	.to-top{ right:50%; margin-right:-646px;}
}

.lg-new-bd ul li{height: 160px !important;}


/*20211025*/
.design-list li div{
height:205px;}
.design-list li div img{
max-width:100%;
max-height:100%;
width:auto;
}
@media (max-width:768px){
.design-list lu div{height:auto;}
}